<template>
  <div>
    <div
      style="
        min-height: 60px;
        margin: 2px 0;
        border-radius: 15px;
        background: linear-gradient(to right, rgb(56,93,158), rgb(136,164,215), rgb(56,93,158));
        padding: 2px 22px;
        box-sizing: border-box;
        color: white;
        font-size: 40px;
        font-weight: blod;
        text-align:center;
      "
    >
      <slot name="title">Title</slot>
    </div>
    <div
      style="
        min-height: 120px;
        height: calc(100% - 100px);
        margin: 20px 0;
        border-radius: 15px;
        background: linear-gradient(to right, rgb(56,93,158), rgb(136,164,215), rgb(56,93,158));
        padding: 2px 0;
        box-sizing: border-box;
        text-align:center;
        color: white;
      "
    >
      <slot> Nothing! </slot>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style>
</style>